<template>
    <div class="margerclass">
            <el-table
      :data="tableList"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        width="180">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址">
      </el-table-column>
    </el-table>
    </div>
</template>

<script>
import {mapState,mapMutations,mapActions} from 'vuex';
import request from '../../utils/request';
import '../../api/list';

export default {
     data() {
        return {
           dialogTitle:'',
        
        };
    },
    

    //生命周期函数  创建
    created() {
       request.get('/api/list').then(res=>{
        console.log(res.data.data)
        this.tableList(res.data.data)
       }) 
    },

   

    mounted() {
        
    },
    computed:{
        ...mapState(['tableList'])
    },

    methods: {
        ...mapMutations([]),
        ...mapActions(['setDataList']),
    },

    
};
</script>

<style lang="scss" scoped>

</style>